<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎注册 - 我的新华书店</title>
    <link rel="icon" href="./images/bitbug_favicon.ico">
    <link rel="stylesheet" href="./font_2481939_cgiqmkfadol/iconfont.css">
    <link rel="stylesheet" href="./css/registered.css">
</head>

<body>
    <div class="mask"></div>
    <div class="notice">
        <div class="notice_head">
            <h2>用户注册协议及隐私政策提示</h2>
            <a href="./index.html" class="over">×</a>
        </div>
        <div class="notice_cont">
            <pre><p style="text-align: center;"><strong><span style="font-size: 20px;"><span style="font-family: 宋体;">用户注册协议及隐私政策提示</span></span></strong></p><p style="text-align: center;"><strong><span style="font-family: 宋体; font-size: 16px;">&nbsp;</span></strong></p><p style="text-indent: 32px;"><span style="font-size: 16px; font-family: 宋体;">在您注册成为我们的用户的过程中，您需要</span><strong><span style="font-family: 宋体; font-size: 16px;">点击同意的形式在线签署以下协议，请您务必仔细阅读、充分理解协议中的内容后再点击同意（特别应当重点阅读加粗斜体文字）</span></strong><span style="font-family: 宋体; font-size: 16px;">。</span></p><p style="text-indent: 32px;"><span style="font-size: 16px; font-family: 宋体;">如您不同意以下协议中的部分或全部条款约定，您应立即停止注册程序。当您按照注册流程提示填写信息、阅读并点击同意以下协议，且完成注册之后，即</span><strong><span style="font-family: 宋体; font-size: 16px;">表示您已充分阅读、理解并接受协议的全部内容</span></strong><span style="font-family: 宋体; font-size: 16px;">。如果您对协议内容有任何疑问，请您随时联系我们的客服。</span></p><p style="text-indent: 32px;"><span style="font-size: 16px; font-family: 宋体;">由于应用市场审核等原因，上述协议在APP端与在PC端、H5页面等更新时间可能有所差异，给您带来的不便，敬请谅解！</span></p><p style="text-indent: 32px;"><a href="https://help.xhsd.com/pub/articles/detail?id=138&amp;categoryIds=31" target="_blank"><strong><span style="text-decoration: underline;"><span style="font-family: 宋体;color: rgb(0, 112, 192); font-size: 16px;">《用户协议》</span></span></strong></a></p><p style="text-indent: 32px;"><a href="https://help.xhsd.com/pub/articles/detail?id=132&amp;categoryIds=49" target="_blank"><strong><span style="text-decoration: underline;"><span style="font-family: 宋体;color: rgb(0, 112, 192); font-size: 16px;">《隐私政策》</span></span></strong></a></p></pre>
        </div>
        <div class="notice_foot">
            <a href="./login.html">取消</a>
            <button class="agree">同意并继续</button>
        </div>
    </div>
    <div class="registered_nav">
        <div class="nav">
            <div class="nav_left">
                <span>晚上好！</span>
                <span>找到中意的书了吗？</span>
                <span class="nav_log_in">
                    <a href="./login.html">请登录</a>
                    <a href="./registered.html">免费注册</a>
                </span>
            </div>
            <ul class="nav_right">
                <li><a href="#">我的学习</a></li>
                <li><a href="#"><i class="iconfont">&#xe60d;</i>&nbsp; 个人中心</a></li>
                <li style="border-right: 0;"><a href="#">我的订单</a></li>
            </ul>
        </div>
    </div>
    <div class="registered_page">
        <div class="registered_logo">
            <a href="./index.html">
                <img src="./images/xhsd_logo.png" alt="新华书店">
            </a>
            <span class="registered_title">欢迎注册</span>
        </div>
        <div class="registered">
            <div class="registered_cont">
                <form novalidate="true" class="registered_form">
                    <fieldset>
                        <div class="tel_box">
                            <label for="tel"><span class="required">*</span>手机号码:</label>
                            <input id="tel" type="number" name="phonr_number" placeholder="您的手机号码" pattern="^1[3|4|5|6|7|8|9]\d{9}$" autocomplete="off" required>
                            <span class="retrieve">注册之后，你可以使用该手机登录或找回密码</span>
                            <span class="note_error"><i>×</i>请输入正确的手机号</span>
                            <span class="note_error_air"><i>×</i>手机号不得为空</span>
                            <span class="note_error_registered">该手机已经注册，请尝试<a>重置密码</a>后登录</span>
                        </div>
                        <div class="picture_code">
                            <label for="verify_code"><span class="required">*</span>图片验证码:</label>
                            <input id="verify_code" type="text" placeholder="图片验证码" maxlength="4" required>
                            <img src="./images/VerificationCode.jpg" class="verify_img" alt="看不清楚？点击重新获取验证码" title="看不清楚？点击重新获取验证码">
                        </div>
                        <div class="tel_verify_conde">
                            <label for="verifyication_code"><span class="required">*</span>短信验证码:</label>
                            <input id="verifyication_code" type="text" placeholder="短信验证码" maxlength="6" required autocomplete="off">
                            <button type="button">获取验证码</button>
                        </div>
                        <div class="set_password">
                            <label for="password"><span class="required">*</span>设置密码:</label>
                            <input id="password" type="password" name="password" placeholder="您的密码" pattern="^(?=.*[A-Za-z])(?=.*\d)(?=.*[`·！……（）——+《》？“：「」】【、￥!,@#$%^&*?_\\>\\<\~\;\:\=\[\]\{\}\(\)\+\\\/\?\.\|\-])[A-Za-z\d`·！……（）——+《》？“：「」】【、￥!,@#$%^&*?_\\>\\<\~\;\:\=\[\]\{\}\(\)\+\\\/\?\.\|\-]{8,20}" maxlength="20" required autocomplete="new_password">
                            <span class="note_error_pass">请使用字母、数字和字符三种组合，8-20个字符</span>
                            <span class="note_error_empty">请使用字母、数字和字符三种组合，8-20个字符</span>
                        </div>
                        <div class="pass_strength">
                            <label></label>
                            <ul class="pass_level">
                                <li class="level_weak">
                                    <div class="weak_bar">
                                        <span>弱</span>
                                    </div>
                                </li>
                                <li class="level_middle">
                                    <div class="middle_bar">
                                        <span>中</span>
                                    </div>
                                </li>
                                <li class="level_strong">
                                    <div class="strong_bar">
                                        <span>强</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="re_enter">
                            <label for="re_enter_pass"><span class="required">*</span>确认密码:</label>
                            <input id="re_enter_pass" type="password" placeholder="再次确认您的密码">
                            <span class="note_error_re_pass">两次密码输入不一致，请重新输入</span>
                        </div>
                        <div class="controls_box">
                            <div class="controls">
                                <input type="button" value="立即注册" id="submit">
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
        <div style="text-align:center;line-height:40px;font-size:12px;color:#1E1E1E;width:1200px;margin:55px auto 0;">Copyright © 2015-2021  新华互联电子商务有限责任公司 版权所有</div>
    </div>
</body>
<script src="./libs/ajax.js"></script>
<script src="./js/registered.js"></script>
</html>